<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="" 
 style="margin-left: 10%;">

    <!-- 无人机型号 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('无人机型号')}:</label>
        <div class="col-xs-12 col-sm-5" >
            <input id="c-type" data-rule="required" class="form-control" name="row[type]" type="text"
            value="{$row.type}">
        </div>
    </div>
    <!-- 无人机名称 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('无人机名称')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text"
            value="{$row.name}">
        </div>
    </div>
    <!-- 最大载重 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('最大载重')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-max_payload" class="form-control" name="row[max_payload]" type="text"
            value="{$row.max_payload}">
            <div style="margin-left: 10px;">kg</div>
        </div>
    </div>
    <!-- 航巡速度 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('航巡速度')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-cruise_speed" class="form-control" name="row[cruise_speed]" type="text"
            value="{$row.cruise_speed}">
            <div style="margin-left: 10px;">km/h</div>
        </div>
    </div>
    <!-- 轴距 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('轴距')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-wheelbase" class="form-control" name="row[wheelbase]" type="text"
            value="{$row.wheelbase}">
            <div style="margin-left: 10px;">mm</div>
        </div>
    </div>
    <!-- 最大航程 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('最大航程')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-max_range" class="form-control" name="row[max_range]" type="text"
            value="{$row.max_range}">
            <div style="margin-left: 10px;">km</div>
        </div>
    </div>
    <!-- 抗风级别 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('抗风级别')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-wind_resistance_level" class="form-control" name="row[wind_resistance_level]" 
            type="number" value="{$row.wind_resistance_level}">
            <div style="margin-left: 10px;">级</div>
        </div>
    </div>
    <!-- 最大起飞重量 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-3">{:__('最大起飞重量')}:</label>
        <div class="col-xs-12 col-sm-5">
            <input id="c-max_takeoff_weight" class="form-control" name="row[max_takeoff_weight]" type="text"
            value="{$row.max_takeoff_weight}">
            <div style="margin-left: 10px;">kg</div>
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-3"></label>
        <div class="col-xs-12 col-sm-5" style="text-align: center;">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>


<style>
    .col-sm-5{
        display: flex;
        align-items: center;
    }
</style>